<script setup lang="ts">

</script>

<template>
    <div class="health">
        <div class="health-title">健康管理</div>
        <div class="health-text">引领智慧医疗新改革，保障人民身体健康</div>
        <div class="health-img">
            <img src="@/images/smart_healthcate/health.jpg" alt="" />
        </div>
    </div>
</template>

<style scoped lang="scss">
.health {
    display: flex;
    flex-direction: column;

    .health-title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2vw;
        margin-top: 4vw;
    }

    .health-text {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9vw;
        margin: 1vw 0 2vw;
    }

    .health-img {
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            width: 82vw;
            height: 90vh;
        }
    }
}
</style>